<!-- Problem Panel -->
<div id="error_center" class="main_outer">
	<div class="main_left">
		<div id="problems_error"></div>
	</div>
	<div class="main_right">
		<div id="scoreboard_error"></div>
	</div>
</div>
<div id="main_outer" class="main_outer">
	<div class="main_left">
		<div id="problems">Questions<br /></div>
	</div>
	<div class="main_middle">
		<div id="problem_description">
		<div id="description"></div>
		<div id="problem_countdown"></div>
		<div id="buttons">
		<center>
		<p>
			<span id="problem_msg" class="error">&nbsp;</span>
		</p>
		</center>
		<ul>
			<li id="btn_opt1"><a href=""
				onclick="javascript:window.LS.problem.answer(1);return false;"
				class="answer_btn"></a></li>
			<li id="btn_opt2"><a href=""
				onclick="javascript:window.LS.problem.answer(2);return false;"
				class="answer_btn"></a></li>
			<li id="btn_opt3"><a href=""
				onclick="javascript:window.LS.problem.answer(3);return false;"
				class="answer_btn"></a></li>
			<li id="btn_opt4"><a href=""
				onclick="javascript:window.LS.problem.answer(4);return false;"
				class="answer_btn"></a></li>
			<li id="btn_opt5"><a href=""
				onclick="javascript:window.LS.problem.answer(5);return false;"
				class="answer_btn"></a></li>
		</ul>
		</div>
		</div>
	</div>
	<div class="main_right">
		<p id="scoreboard_title">Scoreboard</p>
		<div id="scoreboard_header">
<span class='scoreboard_rank'>#</span><span class='scoreboard_user'>User</span><span class='scoreboard_point'>Points</span><span class='scoreboard_penalty'>Penalty</span>
		</div>
		<div id="scoreboard">&nbsp;</div>
	</div>
</div>

<!-- Modal Views -->
<div id="modal_panel_bg"></div>

<center>
<div id="error_alert"></div>
</center>

<div id="msgbox_container" class="modal_container">
<center>
	<div id="msgbox_div" class="modal">
		<div id="msgcontent"></div>
		<div id="msgdismiss">
			<a href="" onclick="javascript:window.LS.exitModal();return false;">確定</a>
		</div>
	</div>
</center>
</div>

<div id="login_container" class="modal_container">
<center>
<div id="login_div" class="modal">
<div id="login_applogo_div">
	<img src="<?php echo $html->url('/',true)?>../app/webroot/img/applogo.jpg"/>
</div>
<form action="" method="post" id="login_form"
	onsubmit="javascript:return false;">
<table width="300px">
	<tr>
		<th colspan="2">Login</th>
	</tr>
	<tr>
		<td class="left">Username</td>
		<td class="right"><input type="text" class="field" name="username" /></td>
	</tr>
	<tr>
		<td class="left">Password</td>
		<td class="right"><input type="password" class="field" name="password" /></td>
	</tr>
	<tr>
		<td colspan="2" class="button_bar"><input type="submit" class="submit"
			name="login" onclick="javascript:LS.user.login(event);" value="Login" />
		<p><a href="" onclick="javascript:LS.user.launchRegister();return false;">Register</a></p>
<!--
		<a href="" onclick="javascript:LS.exitModal();return false;">Dismiss</a>
-->
		</td>
	</tr>
</table>
</form>
</div>
</center>
</div>

<div id="reg_container" class="modal_container">
<center>
<div id="reg_div" class="modal">
<form action="" method="post" id="reg_form"
	onsubmit="javascript:return false;">
<table>
	<tr>
		<th colspan="2">Registration</th>
	</tr>
	<tr>
		<td class="left">Username</td>
		<td class="right"><input type="text" class="field" name="username" /></td>
	</tr>
	<tr>
		<td class="left">Password</td>
		<td class="right"><input type="password" class="field" name="password" /></td>
	</tr>
	<tr>
		<td class="left">Password confirm</td>
		<td class="right"><input type="password" class="field"
			name="password_confirm" /></td>
	</tr>
	<tr>
		<td class="left">Nick name</td>
		<td class="right"><input type="text" class="field" name="nickname" /></td>
	</tr>
	<tr>
		<td class="left">Real name</td>
		<td class="right"><input type="text" class="field" name="realname" /></td>
	</tr>
	<tr>
		<td class="left">Student ID</td>
		<td class="right"><input type="text" class="field" name="student_id" /></td>
	</tr>
	<tr>
		<td class="left">E-mail</td>
		<td class="right"><input type="text" class="field" name="email" /></td>
	</tr>
	<tr>
		<td colspan="2" class="button_bar"><input type="button" class="submit"
			name="cancel" onclick="javascript:LS.exitModal();" value="&lt; Back" />&nbsp;&nbsp;
		<input type="submit" class="submit" name="register"
			onclick="javascript:LS.user.register(event);" value="Register" /></td>
	</tr>
</table>
</form>
</div>
</center>
</div>
